<!DOCTYPE html>
<html mip="">

<head>
    <meta charset="utf-8" />
    <meta name="applicable-device" content="pc,mobile" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <title>{[.base.Tdk.Title]}-power by goblog</title>
    <meta name="Keywords" content="{[.base.Tdk.Keyword]}">
    <meta name="description" content="{[.base.Tdk.Description]}">
    <link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v1/mip.css" />
    <link rel="stylesheet" type="text/css" href="/static/just.css?1" />
    <style mip-custom="">
        .q-content .topic-tab,
        .q-content .q-answer .as-user,
        .q-content .q-answer .as-comment-name,
        .profile-QAPress-tab .QAPress-tab-item {
            color: #3ca5f6
        }

        .q-content .q-topic-wrap a:hover,
        .q-content .q-answer .as-action a:hover,
        .q-content .topic-tab:hover,
        .q-content .topic-title:hover {
            color: #4285f4
        }

        .q-content .put-top,
        .q-content .topic-tab.current-tab,
        .q-content .q-answer .as-submit .btn-submit,
        .q-content .q-answer .as-comments-submit,
        .q-content .q-add-header .btn-post,
        .q-content .q-pagination .current,
        .q-btn-new,
        .profile-QAPress-tab .QAPress-tab-item.active,
        .q-mobile-ask a {
            background-color: #3ca5f6
        }

        .q-content .q-answer .as-submit .btn-submit:hover,
        .q-content .q-answer .as-comments-submit:hover,
        .q-content .q-add-header .btn-post:hover,
        .q-content .topic-tab.current-tab:hover,
        .q-content .q-pagination a:hover,
        .q-btn-new:hover,
        .profile-QAPress-tab .QAPress-tab-item:hover,
        .q-mobile-ask a:hover {
            background-color: #4285f4
        }

        .q-content .q-answer .as-comments-input:focus,
        .profile-QAPress-tab .QAPress-tab-item {
            border-color: #3ca5f6
        }

        .profile-QAPress-tab .QAPress-tab-item:hover {
            border-color: #4285f4
        }

        .page-template-page-fullnotitle.member-login #wrap,
        .page-template-page-fullnotitle.member-register #wrap {
            background-image: url('http://demo-src.wpcom.cn/justnews/wp-content/uploads/sites/8/2018/05/login.jpg')
        }

        .j-share {
            position: fixed !important;
            top: 50% !important
        }

        .header .logo img {
            max-height: 40px
        }

        @media (max-width: 767px) {
            .header .logo img {
                max-height: 36px
            }
        }

        .footer-col-logo img {
            height: 60px
        }

        .navbar-action #j-user-wrap,
        .navbar-action .login {
            display: inline-block;
        }

        .list.tabs .tab {
            display: inline-block;
            font-size: 16px;
            font-size: .16rem;
            color: #666;
            line-height: 48px;
            font-weight: 400;
            text-decoration: none;
            margin-right: 10px;
            cursor: pointer;
        }

        .list.tabs .tab:active {
            color: #3ca5f6;
            font-weight: 500;
            border-bottom: 2px solid #3ca5f6;
        }

        mip-vd-tabs .mip-vd-tabs-nav-view .mip-vd-tabs-nav .mip-vd-tabs-nav-selected {
            border-bottom: 2px solid #38f;
            color: #38f;
        }

        mip-vd-tabs .mip-vd-tabs-scroll-touch {
            margin-top: -31px;
        }

        .apple1 {
            background: url(/static/wx.png);
        }

        .footer-col-logo img {
            margin-right: 1px;
        }

        .footer-col {
            margin-left: 10px;
        }

        .banner1 {
            background: url(/static/banner.jpg);
            height: 300px;
            display: table;
        }

        ul.pagination li {
            display: inline-block;
        }

        ul.pagination li:active {
            color: blue;
        }

        #right-sidebar {
            background: #2b2b2b !important;
        }

        mip-sidebar {
            z-index: 99999 !important;
        }

        mip-sidebar {
            position: fixed !important;
            top: 0;
            max-height: 100% !important;
            height: 100%;
            max-width: 80% !important;
            background-color: #efefef;
            min-width: 45px !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            z-index: 9999 !important;
            -webkit-overflow-scrolling: touch;
            will-change: transform;
            display: none;
        }

        #right-sidebar ul li {
            height: 42px;
            line-height: 42px;
            padding: 0px 35px;
            font-size: 16px;
            border-bottom: 1px solid #111;
            border-top: 1px solid #444;
        }

        #right-sidebar ul li button {
            width: 30px;
            font-size: 22px;
            background: #2b2b2b;
            color: #fff;
            border: 1px solid #2b2b2b;
        }

        #right-sidebar ul li a {
            color: #fff;
        }

        .search-icon {
            color: #fff;
            background: none;
            border: none;
        }

        .search-icon1 {
            color: #000;
            background: none;
            border: none;
        }

        .search-index {
            position: relative;
            line-height: 85px;
            transition: all .3s ease-out 0s;
        }

        .popup {
            display: inline-block;
            position: fixed;
            z-index: 10002;
            text-align: center;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.2);
        }

        .search.popup .popup_main {
            width: 630px;
        }

        .popup .popup_main {
            padding: 40px 60px;
            border: 1px #eee solid;
            background-color: #fff;
        }

        .popup>section {
            position: absolute;
            top: 45%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .search_form form {
            padding: 0 90px 0 0;
            overflow: hidden;
            margin: 0 auto;
        }

        .mip-layout-container {
            display: block;
            position: relative;
        }

        mip-form form {
            position: relative;
        }

        .search_form form input {
            height: 42px;
            background-color: #fff;
            float: left;
            border-radius: 0;
        }

        mip-form input[type='text'],
        mip-form input[type='input'],
        mip-form input[type='datetime'],
        mip-form input[type='email'],
        mip-form input[type='number'],
        mip-form input[type='tel'],
        mip-form input[type='url'] {
            padding-right: 30px;
        }

        .search_form form .search_btn {
            margin-right: -80px;
            width: 80px;
            background-color: #2C74E6;
            color: #fff;
            border: none;
        }

        .search_form form input {
            height: 42px;
            background-color: #fff;
            float: left;
            border-radius: 0;
        }

        mip-form input[type='submit'] {
            border: 0 !important;
            border-radius: 0 !important;
        }

        input[type="email"],
        input[type="email"],
        input[type="number"],
        input[type="password"],
        input[type="search"],
        input[type="tel"],
        input[type="text"],
        input[type="url"],
        select,
        textarea {
            background-color: #fbfbfb;
            border: 1px #f2f2f2 solid;
            padding: 10px;
            width: 100%;
            min-width: 60px;
            font-size: 12px;
            font-family: '微软雅黑';
        }

        span.lightbox-close {
            position: absolute;
            top: 12px;
            right: 12px;
            font-size: 30px;
            color: #a0ce4e;
            cursor: pointer;
            text-align: right;
            width: 50px;
            height: 50px;
        }
    </style>
    <link rel="canonical" href="/" />
</head>

<body class="home blog">
    <header class="header ">
        <div class="container clearfix ">
            <div class="navbar-header ">
                <button type="button" on="tap:right-sidebar.open" class="navbar-toggle collapsed "
                    data-toggle="collapse " data-target=".navbar-collapse "><span
                        class="icon-bar icon-bar-1 "></span><span class="icon-bar icon-bar-2 "></span><span
                        class="icon-bar icon-bar-3 "></span></button>
                <mip-sidebar id="right-sidebar" layout="nodisplay" side="right" class="mip-layout-nodisplay mip-element"
                    aria-hidden="true">
                    <ul>
                        <li><button on="tap:right-sidebar.close"> X </button></li>
                        <li><a target="_blank" href="/">首页</a></li>
                        {[range $i, $v := .base.Typeinfo]}
                        <li><a target="_blank" href="/list/{[$v.ID]}" data-type="mip" data-title="{[$v.Name]}"
                                title="{[$v.Name]}">{[$v.Name]}</a></li>
                        {[end]}
                        <li><a target="_blank" href="/about" data-type="mip" data-title="关于我"
                            title="关于我">关于我</a></li>
                    </ul>
                </mip-sidebar>
                <h1 class="logo "><a href="/" rel="home ">
                        <mip-img src="/static/logo.png"></mip-img>
                    </a></h1>
            </div>
            <div class="collapse navbar-collapse">
                <nav class="navbar-left primary-menu">
                    <ul id="menu-justnews-menu" class="nav navbar-nav">
                        <li class="menu-item dropdown active"><a href="/">首页</a></li>
                        {[range $i, $v := .base.Typeinfo]}
                        <li class="menu-item "><a href="/list/{[$v.ID]}" data-type="mip" data-title="{[$v.Name]}"
                                title="{[$v.Name]}" class="dropdown-toggle">{[$v.Name]}</a></li>
                        {[end]}
                        <li class="menu-item"><a href="/about">关于我</a></li>
                    </ul>
                </nav>
                <div class="navbar-action pull-right">
                    <p class="navbar-search" action="/search/" method="get" role="search"><a
                            class="navbar-search-icon j-navbar-search" on="tap:search.toggle" href="#"></a></p>
                    <div id="j-user-wrap">
                        <!-- <a class="login" href="/#">登录</a> -->
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main class="mipcms-main">
        <div id="wrap">
            <div class="main container">
                <div class="content">
                    <div class="slider-wrap clearfix">
                        <div class="main-slider flexslider pull-left">
                            <ul class="slides">
                                <mip-carousel autoplay="" defer="4000" layout="responsive" width="670" height="320"
                                    buttoncontroller="">

                                    <!-- 下面是推荐列表 -->
                                    {[range $i, $v := .swiper]}
                                    <li class="slide-item"><a target="_blank" data-type="mip" data-title="{[.Title]}"
                                            href="/view/{[$v.ID]}">
                                            <mip-img src="{[$v.Pic]}" layout="responsive" width="670" height="320">
                                            </mip-img>
                                        </a>
                                        <h3 class="slide-title"><a target="_blank" data-type="mip"
                                                data-title="{[$v.Title]}" href="/view/{[$v.ID]}">{[$v.Title]}</a></h3>
                                    </li>
                                    {[end]}
                                </mip-carousel>
                            </ul>
                        </div>
                        <ul class="feature-post pull-right">
                            {[range $i, $v := .base.Tuijian]}
                            <li><a target="_blank" href="/view/{[$v.ID]}" data-type="mip" data-title="{[$v.Title]}"
                                    title="{[.Title]}">
                                    <mip-img layout="container" class="j-lazy" src="{[$v.Pic]}"></mip-img>
                                </a><span>{[$v.Title]}</span></li>
                            {[end]}
                        </ul>
                    </div>

                    <!--  <div class="sec-panel topic-recommend">
     此处为谷歌广告  <mip-adsense ad-client="ca-pub-8152760122334813" ad-width="300" ad-height="300" ad-slot="3502334652" ad-format="auto"></mip-adsense>  
       <div class="sec-panel-head">
        <h2>专题介绍 <small>专题模块标题旁边的描述文字</small></h2>
       </div>
       <div class="sec-panel-body">
        <ul class="list topic-list">
		
         <li class="topic"><a class="topic-wrap" href="http://#/a/" target="_blank">
           <div class="cover-container">
            <mip-img class="j-lazy" layout="container" width="199" height="124" src="http://#/public/assets/just/images/z1.png"></mip-img>
           </div><span>励志人生</span></a></li>
        
        </ul>
       </div>
      </div>
	  -->
                    <div class="sec-panel main-list">
                        <!--  <mip-adsense ad-client="ca-pub-8152760122334813" ad-width="300" ad-height="300" ad-slot="3502334652" ad-format="auto"></mip-adsense> -->
                        <mip-vd-tabs allow-scroll="">
                            <ul class="list tabs" id="j-newslist">
                                <li class="tab">最新</li>
                                <!--  下面是分类的列表 -->
                                {[range $i, $v := .tt]} <li class="tab">{[$v.Name]}</li> {[end]}
                            </ul>




                            <ul class="article-list tab-list active">
                                {[range $i, $v := .base.New]}
                                <li class="item">
                                    <div class="item-img">
                                        <a target="_blank" href="/view/{[$v.ID]}" data-type="mip"
                                            data-title="{[$v.Title]}" title="{[$v.Title]}">
                                            <mip-img layout="container"
                                                class="attachment-post-thumbnail size-post-thumbnail wp-post-image j-lazy "
                                                src="{[$v.Pic]}" alt="{[$v.Title]}"></mip-img>
                                        </a>
                                        <!-- 这里放分类的链接 -->
                                        <a target="_blank" class="item-category"
                                            href="/list/{[$v.Typeid]}">{[$v.Typename]}
                                        </a>
                                    </div>
                                    <div class="item-content">
                                        <h2 class="item-title"><a target="_blank" href="/view/{[$v.ID]}" data-type="mip"
                                                data-title="{[$v.Title]}" title="{[$v.Title]}">{[$v.Title]}</a></h2>
                                        <div class="item-excerpt">
                                            <p>{[$v.Content]}...</p>
                                        </div>
                                        <div class="item-meta">
                                            <div class="item-meta-li author">
                                                <a class="nickname" href="/list/{[$v.Typeid]}"
                                                    target="_blank">{[$v.Typename]}</a>
                                            </div>
                                            <span class="item-meta-li date">{[$v.Ctime]}</span>
                                            <span class="item-meta-li views " title="访问"><i class="fa fa-eye"></i>
                                                {[$v.Click]}</span>
                                        </div>
                                    </div>
                                </li>
                                {[end]}
                                <li class="load-more-wrap"><a target="_blank" data-type="mip"
                                        class="load-more j-load-more" data-title="" href="#">点击查看更多</a></li>
                            </ul>


                            <!-- 下面是分类的详细调用 -->
                            {[range $v1 := .tt]}
                            <ul class="article-list tab-list active">
                                {[range $v := $v1.Views]}
                                <li class="item">
                                    <div class="item-img">
                                        <a target="_blank" href="/view/{[$v.ID]}" data-type="mip"
                                            data-title="{[$v.Title]}" title="{[$v.Title]}">
                                            <mip-img layout="container"
                                                class="attachment-post-thumbnail size-post-thumbnail wp-post-image j-lazy "
                                                src="{[$v.Pic]}" alt="{[$v.Title]}"></mip-img>
                                        </a>
                                        <!-- 这里放分类的链接 -->
                                        <a target="_blank" class="item-category" href="/list/{[$v1.ID]}">{[$v1.Name]}
                                        </a>
                                    </div>
                                    <div class="item-content">
                                        <h2 class="item-title"><a target="_blank" href="/view/{[$v.ID]}" data-type="mip"
                                                data-title="{[$v.Title]}" title="{[$v.Title]}">{[$v.Title]}</a></h2>
                                        <div class="item-excerpt">
                                            <p>{[$v.Content]}...</p>
                                        </div>
                                        <div class="item-meta">
                                            <div class="item-meta-li author">
                                                <a class="nickname" href="/list/{[$v1.ID]}"
                                                    target="_blank">{[$v1.Name]}</a>
                                            </div>
                                            <span class="item-meta-li date">{[$v.Ctime]}</span>
                                            <span class="item-meta-li views " title="访问"><i class="fa fa-eye"></i>
                                                {[$v.Click]}</span>
                                        </div>
                                    </div>
                                </li>
                                {[end]}
                                <li class="load-more-wrap"><a target="_blank" data-type="mip"
                                        class="load-more j-load-more" data-title="{[$v1.Name]}"
                                        href="/list/{[$v1.ID]}">点击查看更多</a></li>
                            </ul>

                            {[end]}




                        </mip-vd-tabs>
                    </div>
                    <!--
   <mip-adsense ad-client="ca-pub-8152760122334813" ad-width="300" ad-height="300" ad-slot="3502334652" ad-format="auto"></mip-adsense>
    -->
                </div>
                <aside class="sidebar">
                    <div id="image-ad-3" class="widget widget_image_ad">
                        <!--   <mip-adsense ad-client="ca-pub-8152760122334813" ad-width="300" ad-height="300" ad-slot="3502334652" ad-format="auto"></mip-adsense>    -->
                    </div>



                    <div id="views-2" class="widget widget_views">
                        <h3 class="widget-title">热门阅读</h3>
                        <ul>
                            {[range $i, $v := .remen]}
                            <li><a target="_blank" href="/view/{[$v.ID]}" rel="bookmark"
                                    title="{[$v.Title]}">{[$v.Title]}</a></li>
                            {[end]}
                        </ul>
                    </div>

                </aside>
            </div>
            <div class="container hidden-xs j-partner">
                <div class="sec-panel">

                    <div class="sec-panel-head">
                        <h2>友情链接 <small>友情链接模块标题旁边的描述文字</small><a
                                href="https://wpa.qq.com/msgrd?V=3&amp;uin=&amp;Site=QQ&amp;Menu=yes" target="_blank"
                                class="more">申请友链</a></h2>
                    </div>
                    <div class="sec-panel-body">
                        <div class="list list-links">
                            <a href="https://www.iq2.cn" data-type="mip" data-title="龙飞程序博客" title="龙飞程序博客"
                                target="_blank">龙飞程序博客</a>
                                {[range $i, $v := .link]}
                                <a href="{[$v.Url]}" data-type="mip" 
                                data-title="{[$v.Name]}" title="{[$v.Name]}"
                                target="_blank">{[$v.Name]}</a>
                                {[end]}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer class="footer">
        <div class="container">
            <div class="clearfix">
                <div class="footer-col footer-col-logo">
                    <mip-img src="http://023.mipmbw.com/public/assets/just/images/logo-footer.png" alt="" width="60"
                        height="60"></mip-img>
                </div>
                <div class="footer-col footer-col-copy ">
                    <ul class="footer-nav hidden-xs ">

                        {[range $i, $v := .base.Typeinfo]}
                        <li id="menu-item-152 " class="menu-item menu-item-152 "><a href="/list/{[$v.ID]}"
                                data-type="mip" data-title="{[$v.Name]}" title="{[$v.Name]}">{[$v.Name]}</a>. </li>
                        {[end]}
                        <li id="menu-item-152 " class="menu-item menu-item-152 "><a href="/about" data-type="mip"
                            data-title="关于我" title="关于我">关于我</a>. </li>
                    </ul>
                    <div class="copyright ">
                        Copyright &copy; 2020 龙飞博客版权所有--power by goblog
                        <a href="http://www.miitbeian.gov.cn/" target="_blank " rel="nofollow noopener noreferrer ">
                            {[.base.Tdk.Beian]}
                        </a> |
                        <a href=" {[.base.Tdk.Goanurl]}" target="_blank " rel="nofollow noopener noreferrer ">
                            <mip-img 
                            width="20" 
                            height="20"
                            src="/static/ghs.png" ></mip-img>
                               {[.base.Tdk.Goan]}
                        </a>
                       
                    </div>
                </div>
                <div class="footer-col footer-col-sns ">
                    <div class="footer-sns ">
                        <a class="sns-wx " href=" "><i class="fa fa-apple "></i><span class="apple1"></span></a>
                        <a class="sns-wx " href=" "><i class="fa fa-android "></i><span class="apple1"></span></a>
                        <a class="sns-wx " href=" "><i class="fa fa-weixin "></i><span class="apple1"></span></a>
                        <a target="_blank " href="#" rel="nofollow "><i class="fa fa-weibo "></i></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <mip-lightbox id="search" layout="nodisplay" class="mip-hidden">
        <div class="lightbox">
            <article class="search popup">
                <section class="popup_main">
                    <mip-form method="get" class="search_form" url="/search" action="/search">
                        <input name="keyword" type="text" class="text_input" placeholder="输入关键字…" />
                        <input type="submit" class="search_btn" value="搜索" />
                    </mip-form>
                    <span on="tap:search.toggle" class="close lightbox-close">&times;</span>
                </section>
            </article>
        </div>
    </mip-lightbox>
    <mip-fixed type="gototop">
        <mip-gototop></mip-gototop>
    </mip-fixed>
    <mip-stats-baidu token="{[.base.Tdk.Tongjiid]}"></mip-stats-baidu><!-- 百度统计,后面集成ID放进去 -->
    <script src="https://c.mipcdn.com/static/v1/mip.js"></script>
    <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
    <script src="https://c.mipcdn.com/static/v1/mip-adsense/mip-adsense.js" type="text/javascript"
        charset="utf-8"></script>
           <script src="https://c.mipcdn.com/static/v1/mip-gototop/mip-gototop.js" type="text/javascript"
            charset="utf-8"></script>
        <script src="https://c.mipcdn.com/static/v1/mip-history/mip-history.js" type="text/javascript"
            charset="utf-8"></script>
        <script src="https://c.mipcdn.com/static/v1/mip-fixed/mip-fixed.js" type="text/javascript"
            charset="utf-8"></script>
        <script src="https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>
        <script src="https://c.mipcdn.com/static/v1/mip-share/mip-share.js"></script>
        <script src="https://c.mipcdn.com/static/v1/mip-form/mip-form.js"></script>
        <script src="https://c.mipcdn.com/static/v1/mip-sidebar/mip-sidebar.js"></script>
        <script src="https://c.mipcdn.com/static/v1/mip-vd-tabs/mip-vd-tabs.js"></script>
        <script src="https://c.mipcdn.com/static/v1/mip-lightbox/mip-lightbox.js"></script>
</body>

</html>